// import Vue from 'vue'
import store from '@/store'

// // 注册全局自定义指令
// Vue.directive('imgerror', {
//   // 表示的 使用这个指令的标签插入到DOM树中 就会出发这个inserted函数
//   // el 表示的是使用指令的DOM元素
//   // binding 在使用这个指令的时候传入数据 (binding.value)
//   inserted(el, binding) {
//     // console.log(el)
//     // console.log(binding.value)
//     // 给dom标签绑定一个onerror事件 只有src错误的时候再替换
//     el.onerror = function() {
//       el.src = binding.value
//     }
//   }
// })

// Vue.directive('color', {
//   inserted(el, binding) {
//     el.style.color = binding.value
//   }
// })

export const imgerror = {
  inserted(el, binding) {
    el.onerror = function() {
      el.src = binding.value
    }
  }
}

export const color = {
  inserted(el, binding) {
    el.style.color = binding.value
  }
}

export const permission = {
  inserted(el, binding) {
    // binding.value
    const points = store.getters.roles?.points || []
    if (!points.includes(binding.value)) {
      // el.style.display = 'none'
      // console.dir(el.parentNode)
      el.parentNode.removeChild(el)
    }
  }
}
